import { Component } from "react";
import { globalMethods } from "../utils/common";
const commonFunc = {
    log() {
        // console.log(v || '这是局部方法');
        console.log('这是局部方法');
    },
    paramsLog(v) {
        console.log(v || '这是带参数方法');
    }
}
export default class Eventdemo extends Component {

    inside() {
        console.log('这是组件内部函数');
    }
    logThis = () => {
        console.log(this);
    }
    render() {
        return (

            <div>
                <p>局部方法：<button onClick={commonFunc.log}>这是局部方法</button></p>
                <p>局部带参方法：<button onClick={() => (commonFunc.paramsLog('这是局部带参方法'))}>这是局部带参方法</button></p>
                <p>
                    <a href="" onClick={globalMethods.stopDefaultEvent}>阻止浏览器默认事件</a>
                </p>
                <p><button onClick={this.inside}>这是组件内部函数</button></p>
                <p onClick={() => (console.log('未阻止冒泡'))}><button onClick={globalMethods.stopPropagation}>阻止事件冒泡</button></p>
                <p><button onClick={this.logThis}>this指向问题</button></p>
            </div>
        )
    }
}